﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body {
            height: 1920px;
        }
    </style>
</head>
<body>
    <p>
        回调函数示例:当学生成绩score<=0分时候，由底层处理；当score>0时，由高层处理。
    </p>
    请输入学生成绩<input type="text" id="score">
    <input type="button" onClick="test()" value="看看结果">
    <p id="pp"></p>

    <script src="wheel.js" type="text/javascript"></script>
    <script type="text/javascript">
        function f(num, callback) {
            if (num < 0) {
                alert("调用低层函数处理!");
                alert("分数不能为负,输入错误!");
            } else if (num == 0) {
                alert("调用低层函数处理!");
                alert("该学生可能未参加考试！");
            } else {
                alert("调用高层函数处理!");
                callback();
            }
        }
        function test() {
            var p = document.getElementById("pp");
            pp.innerText = "";
            var num = document.getElementById("score").value;
            f(num, function () { //匿名高层处理函数
                if (num < 60)
                    alert("未及格！");
                else if (num <= 90)
                    alert("该生成绩优良！");
                else
                    alert("该生成绩优秀!");
            })
            pp.innerText = "by since1978 qq558064!"
        }
        window.onload = function (e) {
            var body = document.body;
            var wheel = new Wheel(body);
            wheel.init();


        }
    </script>
</body>
</html>
